<%@ page import="com.visionarysoftwaresolutions.Tshirt" %>
<!doctype html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="layout" content="main" />
    <title>${productInstance.name}</title>
  <r:require modules="cloudZoom" />
  <r:script>
    jQuery(function () {
    var tabContainers = jQuery('div.tabs > div');
    jQuery('div.tabs ul.tabNavigation a').click(function () {
    tabContainers.hide().filter(this.hash).show();
    jQuery('div.tabs ul.tabNavigation a').removeClass('active');
    jQuery(this).addClass('active');
    return false;
    }).filter(':first').click();
    });
  </r:script>
</head>
<body>
    <div class="main">
      <g:render template="/breadcrumb" model="['name':productInstance.name]" />
      <div class="col-main1">
        <div class="top-full">&nbsp;</div>
        <div class="product-view">
          <div class="product-essential">
            <g:render template="/image_box" model="['productInstance':productInstance]" />
            <g:render template="/product_info" model="['productInstance':productInstance]" />
            <div class="clear"></div>
          </div>
        </div>
        <div class="btm-full">&nbsp;</div>
      </div>
    </div>
  </body>
</html>